<%--
  Created by IntelliJ IDEA.
  User: simon
  Date: 16-10-28
  Time: 下午2:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>数据字典导出工具</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="http://7xvdle.com1.z0.glb.clouddn.com/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="http://7xvdle.com1.z0.glb.clouddn.com/favicon.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="http://7xvdle.com1.z0.glb.clouddn.com/favicon.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="http://7xvdle.com1.z0.glb.clouddn.com/favicon.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
    <style>
        .diy-float {
            float: left;
            width: 33.333%;
            height: 400px;
        }
    </style>
</head>
<body>
<div class="container">

    <div class="panel panel-default">
        <div class="panel-body">
            <div class="panel panel-default diy-float">
                <div class="panel-heading">填写类似以下数据</div>
                <div class="panel-body">
                    <p>
                        <label for="doc-select-1">主机地址:</label>127.0.0.1 <br/>
                        <label for="doc-select-1">访问端口:</label>3306<br/>
                        <label for="doc-select-1">DB账号:</label>root<br/>
                        <label for="doc-select-1">DB密码:</label>test123<br/>
                        <label for="doc-select-1">数据库名称:</label>test<br/>
                    </p>
                </div>
            </div>
            <div class="panel panel-default diy-float">
                <div class="panel-heading">您的每一次赞助都会使这个工具变的越来越好(<b style="color: chocolate">微信</b>)</div>
                <div class="panel-body">
                    <img src="http://7xr5s7.com1.z0.glb.clouddn.com/weixin.png" alt="微信" class="img-thumbnail">
                </div>
            </div>
            <div class="panel panel-default diy-float">
                <div class="panel-heading">您的每一次赞助都会使这个工具变的越来越好(<b style="color: chocolate">支付宝</b>)</div>
                <div class="panel-body">
                    <img src="http://7xr5s7.com1.z0.glb.clouddn.com/zhifubao.png" alt="支付宝" class="img-thumbnail">
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">DB导出工具,目前仅仅支持mysql,其它后续支持</div>
        <div class="panel-body">
            <form class="am-form" action="mysql-export.jsp" method="post">
                <fieldset>
                    <!--<legend></legend>-->

                    <div class="am-form-group">
                        <label for="doc-select-1">数据库类型</label>
                        <select id="doc-select-1" name="type">
                            <option value="mysql">Mysql</option>
                        </select>
                        <span class="am-form-caret"></span>
                    </div>

                    <div class="am-form-group">
                        <label for="doc-ipt-text-1">主机地址</label>
                        <input type="text" name="host" class="am-form-field am-radius" required id="doc-ipt-text-1"
                               placeholder="主机地址" value="127.0.0.1">
                    </div>

                    <div class="am-form-group">
                        <label for="doc-ipt-text-2">访问端口</label>
                        <input type="text" name="port" class="am-form-field am-radius" required id="doc-ipt-text-2"
                               placeholder="访问端口" value="3306">
                    </div>
                    <div class="am-form-group">
                        <label for="doc-ipt-text-3">DB账号</label>
                        <input type="text" name="username" class="am-form-field am-radius" required id="doc-ipt-text-3"
                               placeholder="数据库账户" value="root">
                    </div>

                    <div class="am-form-group">
                        <label for="doc-ipt-pwd-4">DB密码</label>
                        <input type="password" name="password" class="am-form-field am-radius" required
                               id="doc-ipt-pwd-4"
                               placeholder="DB密码">
                    </div>
                    <div class="am-form-group">
                        <label for="doc-ipt-text-5">数据库名称</label>
                        <input type="text" name="databaseName" class="am-form-field am-radius" required
                               id="doc-ipt-text-5"
                               placeholder="数据库名称">
                    </div>
                    <p>
                        <button type="submit" class="am-btn am-btn-warning">提交</button>
                    </p>
                </fieldset>
            </form>
        </div>

    </div>

</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</body>
</html>
